<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>搜索</title>
		<style>
			#product_card{
				border:2px solid gainsboro;
				width: 300px;
				height: 50px;
				background: white;
				box-shadow: 5px 5px 10px gray ;
			}
			h1{
				font-size: 18px;
				color:darkgray;
				margin-left: 10px;
				margin-top: -30px;
			}
			input{
				width: 220px;
				height: 35px;
				margin-left: 6px;
				margin-top: 5px;
				border: hidden;
			}
			
			
			#product_card2{
				border: 1px solid transparent;
				width: 50px;
				height: 25px;
				text-align: center;
				background-color: #fa1f1f;
				margin-top: -35px;
				margin-left: 240px;
				border-radius: 10%;
				
			}
			#p3{
				font-size: 15px;
				color: white;
				margin-top: -0.1px;
				margin-left: 5px;
			}
			
			
			
		</style>
	</head>
	<body>
		<div id="product_card">
			<input type="text" />
			<h1>搜索 京东商品</h1>
		<div id="product_card2">
			<p id="p3">搜索</p>
		</div>
	</div>
		
	</body>
</html>